<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="./css/administration.css">
  <link rel="stylesheet" href="./css/all.css">
  <link rel="shortcut icon" href="./images/logo.ico" type="image/x-icon">
  <title>搜索</title>
</head>
<body>
  <div class="container" style="margin-top: 5%;">
    <header>
      <!-- 顶部 -->
      <nav class="navbar  navbar-default" role="navigation">
      <div class="row" id="nav">

        <div class="col-xs-10 col-sm-12 col-md-5" style="padding-right: 0;">

          <!-- logo -->
          <div class="col-xs-9 col-sm-12 col-md-6" style="padding: 0;">
            <img src="./images/logo.jpg" style="height: 50px;width: 50px;float: left;">
            <h1>左唐文化</h1>
          </div>

          <!-- 页面标题 -->
          <div class="col-xs-3 col-sm-12 col-md-6" style="padding: 0;">
            <h4>搜索</h4>
          </div>
        </div>

        <!-- 导航栏 -->
        <div class="navbar-header" style="z-index: 1;">

          <!-- 导航栏下拉菜单按钮 -->
          <button class="navbar-toggle" data-toggle="collapse" data-target="#navBar" id="menubtn">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        
        <div class="collapse navbar-collapse navbar-right " id="navBar">
          
          <ul class="nav navbar-nav" >

            <!-- 招商部下拉菜单 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">招商部<b class="caret"></b></a>
              <ul class="dropdown-menu" id="0">
                <li><button  class="btnn" onclick="window.location.href = './business1.html'">客户登记</button></li>
                <li><button  class="btnn" onclick="window.location.href = './business2.html'">项目执行</button></li>
              </ul>
            </li>

            <!-- 运营部下拉菜单 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">运营部<b class="caret"></b></a>
              <ul class="dropdown-menu" id="1">
                <li><button class="btnn"  onclick="window.location.href = './operate1.html'" value="12345">编导</button></li>
                <li><button  class="btnn" onclick="window.location.href = './operate2.html'" value="123">拍摄</button></li>
                <li><button  class="btnn" onclick="window.location.href = './operate3.html'">后期</button></li>
                <li><button  class="btnn" onclick="window.location.href = './operate4.html'">模特登记</button></li>

              </ul>
            </li>

            <!-- 媒介部下拉菜单 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">媒介部<b class="caret"></b></a>
              <ul class="dropdown-menu" id="2">
                <li><button  class="btnn" >媒介部资源登记</button></li>
                <li><button  class="btnn" >媒介部明细</button></li>
              </ul>
            </li>

            <!-- 财务部下拉菜单 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">财务部<b class="caret"></b></a>
              <ul class="dropdown-menu" id="4">
                <li><button  class="btnn" onclick="window.location.href = './Finance1.html'">部门消耗</button></li>
                <li><button  class="btnn" onclick="window.location.href = './Finance2.html'">项目资金</button></li>
              </ul>
            </li>

            <!-- 直播部 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">直播部<b class="caret"></b></a>
              <ul class="dropdown-menu" id="5">
                <li><button  class="btnn" onclick="window.location.href = './video.html'">直播部基本表</button></li>
              </ul>
            </li>

            <!-- 技术部 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">技术部<b class="caret"></b></a>
              <ul class="dropdown-menu" id="6">
                <li><button  class="btnn" onclick="window.location.href = './technology.html'">技术部基本表</button></li>
              </ul>
            </li>

            <!-- 搜索 -->
            <li><a href="#" style="color: rgb(59, 162, 226);" id="serach">搜索</a></li>

            <!-- 个人中心 -->
            <li><a href="./index.html" style="color: rgb(253, 168, 87);">个人中心</a></li>
            
          </ul>
        </div>
        </div>
        </nav>
    </header>

    <!-- 表单 -->
    <section>
      <div class="row" id="administration">


        
        <div class="col-xs-12 col-sm-1 col-md-6 col-md-offset-3">
          
          <div class="bg">

            <ul class="nav nav-tabs" style="margin: 10px;">

              <li class="dropdown"><a  href="#" class="dropdown-toggle"  data-toggle="dropdown" >招商部<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a data-toggle="tab" href="#indexbesiness">客户查询</a></li>
                  <li><a data-toggle="tab" href="#indexmediumbesiness">媒介资源查询</a></li>
                  <li><a data-toggle="tab" href="#indexobject">项目查询</a></li>
                </ul>
              </li>
              <li><a data-toggle="tab" href="#operationindex" >运营部</a></li>
              <li><a data-toggle="tab" href="#financefind">财务部</a></li>
              <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">媒介部<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a data-toggle="tab" href="#mediumfind">媒介明细查询</a></li>
                  <li><a data-toggle="tab" href="#mediumindex">媒介资源查询</a></li>
                </ul>
              </li>
              
              <li><a data-toggle="tab" href="#technologyfind">技术部</a></li>
              <li><a data-toggle="tab" href="#livefind">直播部</a></li>
              <li ><a data-toggle="tab" href="#result" style="color: rgb(59, 162, 226);"id="serachresult">查询结果</a></li>
            </ul>
            <div class="tab-content">

              <!-- 招商客户查询 -->
              <div id="indexbesiness" class="tab-pane fade text-center">

                  <div style="margin-top: 30px;">
                    <input type="text" id="businessword" placeholder="输入关键字如姓名、手机号"/>
                    <button class="btn btn-xs btn-warning" onclick="indexbesiness()">搜索</button>
                    <br>
                    <div style="border: 1px dashed gray;margin: 20px;">

                      <p style="color: gray;margin: 10px;">筛选<span class="glyphicon glyphicon-filter"></span></p>
                      <div class="row">
                        <p style="position: absolute;margin-left: 10%;">日期范围：</p>
                        <div class="col-xs-10 col-xs-offset-2 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                          从 <input type="date" id="businesstime1" class="first">
                        </div>
                        <div class="col-xs-10 col-xs-offset-2  col-md-4 col-md-offset-0" style="padding: 0;">
                          至 <input type="date" id="businesstime2" class="last">
                        </div>
                      </div>
                    </div>
                  </div>
              </div> 
              
              <!-- 招商媒介资源查询 -->
              <div id="indexmediumbesiness" class="tab-pane fade text-center" >

                <div style="margin-top: 30px;">

                  <input type="text" id="busimediumword" placeholder="输入关键字如姓名、手机号"/>
                  <button class="btn btn-xs btn-warning" onclick="indexmediumbesiness()">搜索</button>
                  <br>
                  <div style="border: 1px dashed gray;margin: 20px;">

                    <p style="color: gray;margin: 10px;">筛选<span class="glyphicon glyphicon-filter"></span></p>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">平台选择：</p>
                      <div class="col-xs-9 col-xs-offset-3 col-md-6 col-md-offset-2" style="padding: 0;margin-bottom: 10px;">
                        <select name="" id="busimediumplatform" style="width: 170px;height: 26px;">
                          <option value="0">小红书</option>
                          <option value="1">抖音</option>
                          <option value="2">淘宝达人</option>
                          <option value="3">其他</option>
                        </select>
                      </div>
                    </div>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">类目选择：</p>
                      <div class="col-xs-9 col-xs-offset-3 col-md-6 col-md-offset-2" style="padding: 0;margin-bottom: 10px;">
                        <select name="" id="busimediumverity" style="width: 170px;height: 26px;">
                          <option value="0">美妆</option>
                          <option value="1">家居</option>
                          <option value="2">美食</option>
                          <option value="3">运动</option>
                          <option value="4">母婴</option>
                          <option value="5">萌宠</option>
                          <option value="6">科技</option>
                          <option value="7">其他</option>
                        </select><br>
                      </div>
                    </div>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">粉丝数量：</p>
                      <div class="col-xs-9 col-xs-offset-3 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="text" id="busimediumfens1" style="width: 145px;">
                        <span style="position: absolute; margin-left: -20px;color: gray;margin-top: 2px;">万</span>
                      </div>
                      <div class="col-xs-9 col-xs-offset-3  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="text" id="busimediumfens2" class="last">
                        <span style="position: absolute; margin-left: -20px;color: gray;margin-top: 2px;">万</span>
                      </div>
                    </div>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">价格区间：</p>
                      <div class="col-xs-9 col-xs-offset-3 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="text" id="busimediumprice1" style="width: 145px;">
                        <span style="position: absolute; margin-left: -20px;color: gray;margin-top: 2px;">元</span>
                      </div>
                      <div class="col-xs-9 col-xs-offset-3  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="text" id="busimediumprice2" class="last">
                        <span style="position: absolute; margin-left: -20px;color: gray;margin-top: 2px;">元</span>
                      </div>
                    </div>

                  </div>
                </div>
              </div> 

              <!-- 招商项目查询 -->
              <div id="indexobject" class="tab-pane fade text-center">

                <div style="margin-top: 30px;">
                  <input type="text" id="indexobkeyword" placeholder="输入关键字如姓名、手机号"/>
                  <button class="btn btn-xs btn-warning" onclick="indexobject()">搜索</button>
                  <br>
                  <div style="border: 1px dashed gray;margin: 20px;">

                    <p style="color: gray;margin: 10px;">筛选<span class="glyphicon glyphicon-filter"></span></p>
                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">日期范围：</p>
                      <div class="col-xs-10 col-xs-offset-2 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="date" id="objectstime1" class="first">
                      </div>
                      <div class="col-xs-10 col-xs-offset-2  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="date" id="objectstime2" class="last">
                      </div>
                    </div>
                  </div>
                </div>
              </div> 
              <!-- 运营部查询 -->
              <div id="operationindex" class="tab-pane fade text-center">

                <div style="margin-top: 30px;">
                  <input type="text" id="operationindexword" placeholder="输入关键字如姓名、手机号"/>
                  <button class="btn btn-xs btn-warning">搜索</button>
                  <br>
                  <div style="border: 1px dashed gray;margin: 20px;">

                    <p style="color: gray;margin: 10px;">筛选<span class="glyphicon glyphicon-filter"></span></p>
                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">日期范围：</p>
                      <div class="col-xs-10 col-xs-offset-2 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="date" id="operationdate1" class="first">
                      </div>
                      <div class="col-xs-10 col-xs-offset-2  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="date" id="operationdate2" class="last">
                      </div>
                    </div>
                  </div>
                </div>
              </div> 

              <!-- 财务部查询 -->
              <div id="financefind" class="tab-pane fade text-center">

                <div style="margin-top: 30px;">
                  <input type="text" id="financeindexword" placeholder="输入关键字如姓名、手机号"/>
                  <button class="btn btn-xs btn-warning">搜索</button>
                  <br>
                  <div style="border: 1px dashed gray;margin: 20px;">

                    <p style="color: gray;margin: 10px;">筛选<span class="glyphicon glyphicon-filter"></span></p>
                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">日期范围：</p>
                      <div class="col-xs-10 col-xs-offset-2 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="date" id="financetime1" class="first">
                      </div>
                      <div class="col-xs-10 col-xs-offset-2  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="date" id="financetime2" class="last">
                      </div>
                    </div>
                  </div>
                </div>
              </div> 

              <!-- 媒介明细查询 -->
              <div id="mediumfind" class="tab-pane fade text-center">

                <div style="margin-top: 30px;">
                  <input type="text" id="mediumfindword" placeholder="输入关键字如姓名、手机号"/>
                  <button class="btn btn-xs btn-warning">搜索</button>
                  <br>
                  <div style="border: 1px dashed gray;margin: 20px;">

                    <p style="color: gray;margin: 10px;">筛选<span class="glyphicon glyphicon-filter"></span></p>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">日期范围：</p>
                      <div class="col-xs-10 col-xs-offset-2 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="date" id="mediumtime1" class="first">
                      </div>
                      <div class="col-xs-10 col-xs-offset-2  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="date" id="mediumtime2" class="last">
                      </div>
                    </div>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">平台选择：</p>
                      <div class="col-xs-9 col-xs-offset-3 col-md-6 col-md-offset-2" style="padding: 0;margin-bottom: 10px;">
                        <select name="" id="mediumbrand" style="width: 170px;height: 26px;">
                          <option value="0">小红书</option>
                          <option value="1">抖音</option>
                          <option value="2">淘宝达人</option>
                          <option value="3">其他</option>
                        </select>
                      </div>
                    </div>
                  </div>
                </div>
              </div> 

              <!-- 媒介资源查询 -->
              <div id="mediumindex" class="tab-pane fade text-center" >

                <div style="margin-top: 30px;">

                  <input type="text" id="mediumindexword" placeholder="输入关键字如姓名、手机号"/>
                  <button class="btn btn-xs btn-warning">搜索</button>
                  <br>
                  <div style="border: 1px dashed gray;margin: 20px;">

                    <p style="color: gray;margin: 10px;">筛选<span class="glyphicon glyphicon-filter"></span></p>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">日期范围：</p>
                      <div class="col-xs-9 col-xs-offset-3 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="date" id="mediumdate1">
                      </div>
                      <div class="col-xs-9 col-xs-offset-3  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="date" id="mediumdate2" class="last">
                      </div>
                    </div>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">平台选择：</p>
                      <div class="col-xs-9 col-xs-offset-3 col-md-6 col-md-offset-2" style="padding: 0;margin-bottom: 10px;">
                        <select name="" id="mediumplatform" style="width: 170px;height: 26px;">
                          <option value="0">小红书</option>
                          <option value="1">抖音</option>
                          <option value="2">淘宝达人</option>
                          <option value="3">其他</option>
                        </select>
                      </div>
                    </div>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">类目选择：</p>
                      <div class="col-xs-9 col-xs-offset-3 col-md-6 col-md-offset-2" style="padding: 0;margin-bottom: 10px;">
                        <select name="" id="mediumverity" style="width: 170px;height: 26px;">
                          <option value="0">美妆</option>
                          <option value="1">家居</option>
                          <option value="2">美食</option>
                          <option value="3">运动</option>
                          <option value="4">母婴</option>
                          <option value="5">萌宠</option>
                          <option value="6">科技</option>
                          <option value="7">其他</option>
                        </select><br>
                      </div>
                    </div>

                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">价格区间：</p>
                      <div class="col-xs-9 col-xs-offset-3 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="text" id="mediumprice1" style="width: 145px;">
                        <span style="position: absolute; margin-left: -20px;color: gray;margin-top: 2px;">元</span>
                      </div>
                      <div class="col-xs-9 col-xs-offset-3  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="text" id="mediumprice2" class="last">
                        <span style="position: absolute; margin-left: -20px;color: gray;margin-top: 2px;">元</span>
                      </div>
                    </div>

                  </div>
                </div>
              </div> 

              <!-- 技术部查询 -->
              <div id="technologyfind" class="tab-pane fade text-center">

                <div style="margin-top: 30px;">
                  <input type="text" id="technologyword" placeholder="输入关键字如姓名、手机号"/>
                  <button class="btn btn-xs btn-warning">搜索</button>
                  <br>
                  <div style="border: 1px dashed gray;margin: 20px;">

                    <p style="color: gray;margin: 10px;">筛选<span class="glyphicon glyphicon-filter"></span></p>
                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">日期范围：</p>
                      <div class="col-xs-10 col-xs-offset-2 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="date" id="technologytime1" class="first">
                      </div>
                      <div class="col-xs-10 col-xs-offset-2  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="date" id="technologytime2" class="last">
                      </div>
                    </div>
                  </div>
                </div>
              </div> 

              <!-- 直播部查询 -->
              <div id="livefind" class="tab-pane fade text-center">

                <div style="margin-top: 30px;">
                  <input type="text" id="livekeyword " placeholder="输入关键字如姓名、手机号"/>
                  <button class="btn btn-xs btn-warning">搜索</button>
                  <br>
                  <div style="border: 1px dashed gray;margin: 20px;">

                    <p style="color: gray;margin: 10px;">筛选<span class="glyphicon glyphicon-filter"></span></p>
                    <div class="row">
                      <p style="position: absolute;margin-left: 10%;">日期范围：</p>
                      <div class="col-xs-10 col-xs-offset-2 col-md-4 col-md-offset-3" style="padding: 0;margin-bottom: 10px;">
                        从 <input type="date" id="livetime1" class="first">
                      </div>
                      <div class="col-xs-10 col-xs-offset-2  col-md-4 col-md-offset-0" style="padding: 0;">
                        至 <input type="date" id="livetime2" class="last">
                      </div>
                    </div>
                  </div>
                </div>
              </div> 

              <!-- 查询结果 -->
              <div id="result" class="tab-pane fade text-center">
                <h1 style="font-size: 30px;color: gray;margin-top: 35px;" id="no">暂无结果</h1>
                <table border="1"></table>
              </div>

            </div>

          </div>

        </div>
        
      <!-- <div class="col-xs-10 col-sm-12 col-md-4 col-md-offset-4 col-xs-offset-1 text-center formbg">
        <p>
          搜索：<input type="text" id="search"/><span class="glyphicon glyphicon-search" style="color:rgb(59, 162, 226) ;margin-left: 5px;position:static;"></span>
          <div id="searchId"></div>
        </p>
        <table border="1" id="searching"></table>
      </div>  -->
      
      

    </div>
  </section>
    <footer>
      <!-- 底部版权信息等 -->
      <div class="row" id="footer">
      </div>
    </footer>
  </div>
</body>
<script src="./js/host.js"></script>
<script src="./js/administration.js"></script>
<script src="./js/all.js"></script>
</html>

